<template>
	  <div id="homeCommonFooter" class="home-common-footer">
	    <div class="footer-warp">
	   <div class="copyright">
	        <div class="text"></div>
	      </div>
	      <div class="bottom-nav">
	        <span class="bn"><a target="_blank" href="http://beian.miit.gov.cn">© 2022. zouhuu All rights reserved.</a></span>
	      </div>
	    </div>
	  </div>
</template>

<script>
	export default {
		name: "MyFooter",
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">

.home-common-footer {
  width: 100%;
  height: auto;

  .footer-warp {
    width: 100%;
    height: auto;
    min-height: 2.99rem;
    height: auto;
    background: #f3f8fa;
    padding: 0 1.0rem;
    padding-top: 0.43rem;
    padding-bottom: 0.09rem;
    padding-top: 0;
    box-sizing: border-box;
    position: relative;

    .top-hr {
      height: 0.43rem;
      width: 100%;
      border-top: 0.02rem solid #DDDDDD;
    }

    .h1 {
      font-size: 0.36rem;
      font-weight: 500;
      color: rgba(117, 117, 117, 1);
    }

    .h2 {
      font-size: 0.21rem;
      font-weight: 400;
      color: rgba(117, 117, 117, 1);
    }

    .copyright {
      font-size: 0.18rem;
      font-weight: 500;
      color: rgba(135, 136, 136, 1);
      margin-top: 0.52rem;
      padding-bottom: 0.45rem;
      display: flex;
      justify-content: space-between;

      .bn-warp {
        display: flex;

        li {
          cursor: pointer;
          margin-right: .2rem;

          &:hover {
            color: #397ec3;

            a {
              color: #397ec3;
            }
          }

          a {
            color: rgba(135, 136, 136, 1);
            text-decoration: none;
          }
        }

      }
    }

    .bottom-nav {
      padding-bottom: 0.52rem;
      text-align: center;

      span {
        display: inline-block;

        a {
          color: #878888;
          text-decoration: none;
        }
      }

      .bn {
        cursor: pointer;
        font-size: 0.18rem;
        font-weight: 400;
        color: rgba(135, 136, 136, 1);
      }

      .v-hr {
        font-size: 0.18rem;
        font-weight: 400;
        color: rgba(135, 136, 136, 1);
        margin: 0 0.06rem ;
      }

    }

  }
}

</style>